<template>
  <a-layout>
    <a-layout-content :style="{ background: '#fff', padding: '24px', margin: 0, minHeight: '280px' }">
      <div class="about">
        <h2>我是程崎</h2>
        <div><b>专注Java全栈技术</b></div>
        <div>
          <b>Gitee个人主页：
            <a href="https://gitee.com/cq2021" target="_blank">
              https://gitee.com/cq2021
            </a>
          </b>
        </div>
        <div>
          <b>wiki实战：
            <a href="https://gitee.com/cq2021/wiki" target="_blank">
              《SpringBoot + Vue 前后端分离模式》
            </a>
          </b>
        </div>
      </div>
    </a-layout-content>
  </a-layout>
</template>

<style>
.about {
  line-height: 30px;
  padding: 40px;
  background-color: #f5f5f5;
  font-size: 16px;
}
.about h2 {
  margin-bottom: 30px;
  font-weight: 700;
}
.about img {
  margin-top: 10px;
}
</style>
